<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>用户注册</title>
		<meta charset="UTF-8">
		<style>
			body {
				font-family: Arial, sans-serif;
				background-color: #f4f4f4;
			}
			form {
				background-color: #fff;
				padding: 20px;
				max-width: 500px;
				margin: 50px auto;
				border-radius: 5px;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
			}
			h2 {
				text-align: center;
				margin-bottom: 20px;
			}
			input[type="text"], input[type="password"], select {
				display: block;
				width: 90%;
				padding: 10px;
				margin-bottom: 20px;
				border-radius: 5px;
				border: none;
				box-shadow: 0px 0px 9px rgba(0,0,0,0.1);
			}
			input[type="submit"],input[type="button"] {
				text-align: center;
				background-color: #4CAF50;
				color: #fff;
				padding: 10px 20px;
				border-radius: 5px;
				border: none;
				cursor: pointer;
			}
			input[type="submit"]:hover ,input[type="button"]:hover{
				background-color: #3e8e41;
			}
		</style>
	</head>
	<body >
		<form  action ="sign_check.jsp" method="post">
			<h2>欢迎注册</h2>
			<label for="username">用户工号</label>
			<input type="text" name="userID" id="userID" required>
			<label for="username">用户姓名</label>
			<input type="text" name="username" id="username" required>
			<label for="password">设置密码</label>
			<input type="password" name="password" id="password" required>
			<label for="confirm">设置密码</label>
			<input type="password" name="confirm" id="confirm" required>
			<label for="confirm">绑定手机</label>
			<input type="text" name="tel" id="tel" required>
			<br>
			<label for="user-type">用户类型:</label><select id="user-type" name="type">
	            <option value="teacher">教师</option>
	            <option value="student">学生</option>
	        </select><br>
			<input type="submit" value="注册">
        <input type="button"   onclick="window.location='login.jsp';" value="返回"/>
		</form>
	</body>
</html>